<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="theme-color" content="#ffffff">
    <link rel="icon" href="./favicon.ico">
    <title>进销存管理系统</title>
    <style>
      #app-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff}
      #app-loading i{width:8px;height:8px;border-radius:50%;background:#409EFF;animation:al 1s infinite ease-in-out}
      @keyframes al{0%{opacity:.2;transform:scale(.9)}50%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(.9)}}
    </style>
    <!--[if lt IE 10]>
    <div style="width: 100%; height: 100%; background-color: rgba(204,204,204,1); z-index: 999; text-align: center; position: fixed; padding-top:10%;">很抱歉你的浏览器版本过低，导致无法访问，请升级或更换浏览器。</div>
    <![endif]-->
  </head>
  <body>
    <div id="app-loading"><i></i></div>
    <div id="app"></div>

    <!-- HUD 延后到空闲期加载，避免影响 FCP/LCP -->
    <script>
      (function scheduleHUD(){
        var load = function(){
          (function (h, o, u, n, d) {
            h = h[d] = h[d] || { q: [], init: function (c) { h.q.push(c); }, f: function (a) { return function () {;(h._q = h._q || []).push([a, arguments])}}}
            var ifs = ['track','setGlobalAttrs','removeGlobalAttr','clearGlobalAttrs','setUserId','clearUserId','trackError','debug','info','warn','error']
            for (var i = 0, len = ifs.length; i < len; i++) { h[ifs[i]] = h.f.call(null, ifs[i])}
            d = o.createElement(u); d.async = true; d.src= 'https://res-pub.huazhu.com/hud/v2/hud.gc.js'; n = o.getElementsByTagName(u)[0]; n.parentNode.insertBefore(d, n);
          })(window, document, 'script', null, 'HUD')
        };
        if ('requestIdleCallback' in window) { requestIdleCallback(load, {timeout: 3000}); }
        else { setTimeout(load, 1500); }
      })();
    </script>
  </body>
  </html>

